@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */
/*s : 일반 게시판 리스트*/
.basic_list:after {content:''; clear:both; display:block;}

.basic_list .basic_table {margin-top:40px; font-size:14px; border-top:1px solid #e0e0e0; line-height:1.4; letter-spacing:-0.02em; text-align:center;}
.basic_list .basic_table thead th {padding:20px 10px; border-bottom:1px solid #e0e0e0;}
.basic_list .basic_table tbody tr {height:60px; }
.basic_list .basic_table tbody tr.notice {background:#f0f0f0;}
.basic_list .basic_table tbody td {border-bottom:1px solid #e0e0e0;}
.basic_list .basic_table tbody td.tit {position:relative; width:100%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.basic_list .basic_table tbody td.tit:before {content:''; position:absolute; z-index:1; top:50%; left:0; transform:translateY(-50%); width:18px; height:18px; background:#333 url(images/ico_board_lock01.svg) no-repeat center; border-radius:4px; background-size:9px; display:none;}
.basic_list .basic_table tbody td.tit.lock {padding-left:25px;}
.basic_list .basic_table tbody td.tit.lock:before {display:inline-block;}
.basic_list .basic_table tbody td.tit a {display:block; width:calc(100% - 1px); height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.basic_list .basic_table tbody td.manager {font-weight:700;}
.basic_list .basic_table tbody td.date {color:#888;}
.basic_list .basic_table tbody tr.notice td.num p {display:inline-block; padding:6px 12px 6px 27px; color:#fff; font-size:12px; font-weight:700; border-radius:4px; line-height:1; letter-spacing:0; background:#333 url(images/ico_pin.svg) no-repeat left 12px center;}
/*e : 일반 게시판 리스트*/

/*s : 일반 게시판 뷰*/
.basic_view .view_wrap {border-width:1px 0; border-style:solid; border-color:#e0e0e0; letter-spacing:0;}
.basic_view .view_wrap .title {display:flex; align-items:flex-start; padding:20px; font-size:24px; line-height:1.3;}
.basic_view .view_wrap .title > span {padding:9px 12.5px 9px 27.5px; margin-right:24px; color:#fff; font-size:12px; font-weight:700; border-radius:4px; line-height:1; letter-spacing:-0.02em; background-color:#333; background-repeat:no-repeat; background-position:left 12.5px center;}
.basic_view .view_wrap .title .notice {background-image:url(images/ico_pin.svg);}
.basic_view .view_wrap .title .lock {background-image:url(images/ico_board_lock01.svg);}
.basic_view .view_wrap .title .type {display:inline-block; padding:10px; margin-right:10px; font-size:12px; color:#fff; font-weight:700; line-height:1; letter-spacing:0; background:#333;}
.basic_view .view_wrap .title strong {display:inline-block;}

.basic_view .view_wrap .infor_wrap {display:flex; padding:20px 4px; color:#888; background:#F4F4F4;}
.basic_view .view_wrap .infor_wrap > div {display:flex; padding:0 16px; line-height:1;}
.basic_view .view_wrap .infor_wrap > div + div {border-left:1px solid #e0e0e0;}
.basic_view .view_wrap .infor_wrap .tit {margin-right:16px;}

.basic_view .view_wrap .view_txt {min-height:456px; padding:40px 0; color:#555; font-size:14px; line-height:1.6; letter-spacing:0;}
.basic_view .view_wrap .view_txt .thumb {max-width:600px; width:100%; margin:0 auto;}
/*e : 일반 게시판 뷰*/

@media screen and (max-width: 768px) {
	/*s : 일반 게시판 리스트*/
	.basic_list .basic_table {margin-top:24px; font-size:12px;}
	.basic_list .basic_table colgroup col.manager {width:80px;}
	.basic_list .basic_table thead th {padding:9px 10px 10px;}
	.basic_list .basic_table thead th.tit {text-align:left;}
	.basic_list .basic_table tbody td.tit.lock {padding-left:34px;}
	.basic_list .basic_table tbody td.tit:before {left:10px}
	.basic_list .basic_table tbody tr {height:37px;}
	.basic_list .basic_table tbody tr.notice td.tit {padding-left:34px; background:url(images/ico_pin02.svg) no-repeat left 10px center;}
	/*e : 일반 게시판 리스트*/

	.basic_view .view_wrap .view_txt {padding:20px 0 40px; min-height:300px;}
	.basic_view .view_wrap .infor_wrap {flex-wrap:wrap;}
	.basic_view .view_wrap .infor_wrap .tit {margin-right:0;}
	.basic_view .view_wrap .infor_wrap > div {flex-direction:column; padding:0 7px;}
	.basic_view .view_wrap .infor_wrap .txt {margin-top:5px;}
}